iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 5
4
Software Development

這次我們不跳過 IDE系列 第 5

Day 05: 操作上總是有些小秘訣的

  • 分享至 

  • xImage
  •  

如果你還記得的話

Day 02: 為什麼我會想要推薦 vs code中,提及 vs code 的 extension 提供其他 IDE 的快捷鍵。因此,如果讀者是具有一定開發資歷的工程師,可以直接跳過今天,趕緊去安裝 extension 啦!

請容許筆者再提供一次:連結

如果讀者對其他快捷鍵有興趣,那請繼續閱讀下去。

個人喜歡的快捷鍵功能

重新命名符號,Rename Symbol

當使用者想要更改某個變數、函式的名稱時,剛好在程式檔內,該變數、函數已被呼叫多次,這時候可以修改的手段有三種:

  1. 啟動 IDE 的搜尋功能,一個一個複製貼上。
  2. 啟動 IDE 的搜尋功能,選擇取代全部。
  3. 使用本段落的名稱:重新命名符號

操作上十分簡單:

  • 將游標移動到要變更名稱的變數、函式上(將游標移動到呼叫上也是可以的)。
    origin_state
  • 按下鍵盤的 F2,跳出輸入欄位。
    press_f2_to_rename
  • 輸入一個新名稱。
    enter_new_name
  • 輸入完成後,按下 Enter
    complete_rename

就是這麼簡單、方便,節省工程師的修改時間。

預覽定義,Peek Definition

當程式開發到一個階段後,會將不少函式、常數獨立出來,方便日後其他的程式檔可以引入並重複使用。因此,當引入的數量越多,工程師會漸漸遺忘該函式、常數的內容。這時候想要重新複習,可以有的操作有兩個:

  1. 參考引入的路徑,手動到檔案總管找尋該檔案。
  2. 使用本段落的名稱:預覽定義

操作上跟前一個段落一樣簡單:

  • 將游標移動到要查詢的變數、函式上。
    peek_definition
  • 按下鍵盤的 shift + F12,該函式、常數的相關內容,會顯示在小面板裡。
    press_shift_and_f12_to_peek

至於如何開啟檔案,除了上述提及手動到檔案總管找尋該檔案之外,vs code 有提供另外兩個方法:

  1. 使用命令選擇區
    1. 按下 F1,開啟命令選擇區
      press_f1_to_command_block
    2. 手動輸入引入的路徑後。
      enter_file_name
    3. 按下 enter 開啟。
      go_to_definition
  2. 使用移至定義
    1. 將游標移動到要查詢的變數、函式上。
      move_to_definition
    2. 按下鍵盤的 F12,會開啟當檔案在新分頁上。
      go_to_definition

如果你不想要用快捷鍵的話,將滑鼠移動到要檢查的函式、變數上,按下右鍵,選單內第一、第二選項,為上述所提。
use_right_click

預設快捷鍵

幾個不錯用的快捷鍵

功能 按法(Windows) 按法(macOS) 備註
刪除該行 Ctrl+Shift+K ⇧⌘K
普通換行 Enter Enter 游標後面的文字會跟著到下一行
向下換行 Ctrl+Enter ⌘Enter 只有游標向下
向上換上 Ctrl+Shift+Enter ⇧⌘Enter 只有游標向上
該行往下 Alt+ ↓ ⌥↓ 與下面一行交換位置
該行往上 Alt+ ↑ ⌥↑ 與上面一行交換位置
向下複製該行 Shift+Alt + ↓ ⇧⌥↓ 複製該行內容,並且貼在該行的下方
向下複製該行 Shift+Alt + ↑ ⇧⌥↑ 複製該行內容,並且貼在該行的上方
找尋符合關鍵字的位置 Ctrl+D ⌘D 要先反白要找尋的關鍵字
移動到符合的關鍵字 Ctrl+K Ctrl+D ⌘K ⌘D 同上
找尋全部符合關鍵字的位置 Ctrl+F2 ⌘F2 同上
選擇該行全部 Ctrl+L ⌘L
向下插入一個新游標 Ctrl+Alt+ ↓ ⌥⌘↓
向上插入一個新游標 Ctrl+Alt+ ↑ ⌥⌘↑
前往括號的頭尾 Ctrl+Shift+ \ ⇧⌘ \ 游標要在括號內
縮排往左 Ctrl+] ⌘]
縮排往右 Ctrl+[ ⌘[
添加、刪除單航註解 Ctrl+/ ⌘/ 添加://
添加、刪除區塊註解 Shift+Alt+A ⇧⌥A 添加:/* */
啟動、關閉自動換行 Alt+Z ⌥Z
切換編輯器 Ctrl+ 1 / 2 / 3... ⌘1 / ⌘2 / ⌘3 ... 號碼表示編輯器號碼
插入多個游標 Alt+Click Option+click
選取多行並插入游標 Shift+Alt Shift+Option 按住左側後,再用滑鼠點擊並拖曳多行

官方文件

想要知道更多的快捷鍵,提供官方文件連結。

Windows macOS Linux
連結 請點我 請點我 請點我

總結

今天介紹快捷鍵的用法,一旦習慣後,相信開發效率將提升不少。


上一篇
Day 04: 使用工具,從欣賞工具的樣貌開始
下一篇
Day 06: 這不是老東西,可以換皮的
系列文
這次我們不跳過 IDE30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1
falex
iT邦新手 5 級 ‧ 2019-11-20 15:54:54

[預覽定義 Peek Definition] 這一節有誤:

  1. 快速鍵是 alt + F12,不是 shift + F12 喔,shift + F12 是預覽參考。
  2. 圖片也錯了。

在更下方的第6張右鍵選單圖就說明了這些。

我要留言

立即登入留言